<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'We7a04ad979f1f46a095c72ab6361df9b3','eX2c8c16d92f4847d0a9fc6674670704d0','Si5707d56cc4bb45f395eb8f5038d7102d','yfcdd046591c7d43c4b2f9a652156a9654','QZ58bc7396ba2144ecaa79ef0906cdc06d','Qe32bbd2856e39447b972c68732594e1dd','FRdcbc7af379bb4e719728a4e1c2d0fe4f','SIc2836f9da6694bd4a3eb261800b2a8cd'"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> 
  <meta name="apple-mobile-web-app-capable" content="yes"> 
  <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  <meta name="format-detection" content="telephone=yes"> 
  <meta http-equiv="x-rim-auto-match" content="none"> 
  <link rel="stylesheet" href="http://zyt.csxuncong.com/resource/plugin/mui/css/mui.min.css">
  <link href="http://hwfile.jyymatrix.cc/zyt/mobile/css/reset.css" rel="stylesheet">
  <link href="http://hwfile.jyymatrix.cc/zyt/mobile/css/common.css" rel="stylesheet">
  <link href="http://hwfile.jyymatrix.cc/zyt/mobile/font/iconfont.css" rel="stylesheet">
  <link href="http://hwfile.jyymatrix.cc/zyt/mobile/css/animate.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>发展历程${网页标题}</title> 
  <style type="text/css">html,body,.mui-content{ background: #FFFFFF; overflow-x: hidden; } .wrapper{ padding: 20px 15px ; } .box{ background: #ffffff; text-align: center; } .box .title{ font-size: 18px; color: #333333; margin-bottom: 10px; } .input-group{ margin-bottom:15px; width: 100%; } .input-group label{ font-size: 15px; color: #666666; width: 65px; flex: 0 0 65px; text-align: left; } .input-group input,.input-group textarea{ padding: 9px 15px; border: 1px solid #dddddd; margin-bottom: 0; font-size: 15px; } .input-group textarea{ vertical-align: top; } .input-group input:focus{ outline: none; } button{ background: #f05757; color: #ffffff; border: 0; padding: 10px 50px; border-radius: 4px; margin-top: 20px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="banner"> 
   <img src="${We7a04ad979f1f46a095c72ab6361df9b3.adImg}" alt="" class="zy" data-type="ad" data-id="${We7a04ad979f1f46a095c72ab6361df9b3.adId}"> 
   <div class="txt flex flex-v flex-pack-center flex-align-center"> 
    <h3 class="animated fadeInDown zy" data-type="ad" data-id="${eX2c8c16d92f4847d0a9fc6674670704d0.adId}">${eX2c8c16d92f4847d0a9fc6674670704d0.adTitle}</h3> 
    <h3 class="mt-10 animated fadeInUp zy" data-type="ad" data-id="${Si5707d56cc4bb45f395eb8f5038d7102d.adId}">${Si5707d56cc4bb45f395eb8f5038d7102d.adTitle}</h3> 
   </div> 
  </div> 
  <div class="wrapper"> 
   <div class="box flex flex-align-center flex-v"> 
    <h4 class="title zy" data-type="ad" data-id="${yfcdd046591c7d43c4b2f9a652156a9654.adId}">${yfcdd046591c7d43c4b2f9a652156a9654.adTitle}</h4> 
    <div class="input-group flex flex-align-center"> 
     <label for="" class="zy" data-type="ad" data-id="${QZ58bc7396ba2144ecaa79ef0906cdc06d.adId}">${QZ58bc7396ba2144ecaa79ef0906cdc06d.adTitle}</label> 
     <input id="xm" type="text" placeholder="姓名" class="flex-1">
    </div> 
    <div class="input-group flex flex-align-center"> 
     <label for="" class="zy" data-type="ad" data-id="${Qe32bbd2856e39447b972c68732594e1dd.adId}">${Qe32bbd2856e39447b972c68732594e1dd.adTitle}</label> 
     <input id="dh" type="text" placeholder="电话" class="flex-1">
    </div> 
    <div class="input-group flex"> 
     <label for="" class="mt-10 zy" data-type="ad" data-id="${FRdcbc7af379bb4e719728a4e1c2d0fe4f.adId}">${FRdcbc7af379bb4e719728a4e1c2d0fe4f.adTitle}</label> 
     <textarea name="" id="wt" cols="20" rows="7" class="flex-1" placeholder="请输入您遇到的问题"></textarea>
    </div> 
    <button type="button" onclick="submit1()" class="zy" data-type="ad" data-id="${SIc2836f9da6694bd4a3eb261800b2a8cd.adId}">${SIc2836f9da6694bd4a3eb261800b2a8cd.adTitle}</button>
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://zyt.csxuncong.com/resource/plugin/mui/js/mui.js"></script>
  <script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/jquery.min.js"></script>
  <script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/wow.min.js"></script>
  <script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/accordion.js"></script>
  <script src="http://hwfile.jyymatrix.cc/zyt/mobile/js/scrollReveal.js"></script>
  <script type="text/javascript"
          src="${path }/resource/js/systools/MTools.js"></script>
  <script type="text/javascript">
			mui.init();
			mui('body').on('tap','a',function(){
			    window.top.location.href=this.href;
			});
			mui('body').on('tap','#showMav',function(){
			    $('#accordion').fadeToggle()
			});
			window.scrollReveal = new scrollReveal();

function submit1(){
    var msgUserName=$("#xm").val();
    var msgTel=$("#dh").val();
    var msgContent=$("#wt").val();
    console.log(msgUserName);
    if(MTools.isBlank(msgUserName)||
        MTools.isBlank(msgTel)||
        MTools.isBlank(msgContent)){
        alert("请填入必填信息");
        return false;
    }
    $.post("${path}/do/visitor/addMsg",{
        "msgUserName":msgUserName,
        "msgTel":msgTel,
        "msgContent":msgContent,
        "msgType":"投诉建议"
    },function(){
        alert("感谢您的意见！");
        history.go(0);
    });
}


		</script>   
 </body>
</html>